.w-picker {
  z-index: 888;
  /* #ifdef MP-WEIXIN */
  --lighter-color: transparent;
  /* #endif */
  /* #ifndef MP-WEIXIN */
  --lighter-color: color-mix(in srgb, var(--benben-picker-bg, #fff) 60%, transparent 40%);
  /* #endif */
  color: var(--benben-picker-color, #333);
  .mask {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease;
  }
  .mask_show {
    opacity: 1;
  }

  .mask.visible {
    visibility: visible;
  }

  .w-picker-cnt {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    transition: all 0.3s ease;
    transform: translateY(100%);
    z-index: 3000;
    background-color: var(--benben-picker-bg, #fff);
  }

  .w-picker-cnt.visible {
    transform: translateY(0);
  }
}

.w-picker-flex2 {
  flex: 2;
}

.w-picker-flex1 {
  flex: 1;
}

.w-picker-view {
  width: 100%;
  height: 476rpx;
  overflow: hidden;
  /* background-color: rgba(255, 255, 255, 1); */
  z-index: 666;
}

.d-picker-view {
  height: 100%;
}

::v-deep .benben-picker-mask {
  background-image: linear-gradient(var(--benben-picker-bg, #fff), var(--lighter-color)),
    linear-gradient(var(--lighter-color), var(--benben-picker-bg, #fff));
}

.w-picker-item {
  text-align: center;
  width: 100%;
  height: 88rpx;
  line-height: 88rpx;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 30rpx;
}
